/* 颜色 */
.color-999 {
	color: #999999;
}

.color-666 {
	color: #666666;
}

.color-333 {
	color: #333333;
}

.color-222 {
	color: #222222;
}

.color-000 {
	color: #000000;
}

.color-fff {
	color: #fff;
}


.color-5F6865 {
	color: #5F6865;
}

.color-28302E {
	color: #28302E;
}

.color-258463 {
	color: #258463;
}

.color-24C98F{
	color: #24C98F;
}

.color-F5715D{
	color: #F5715D;
}

.color-76848E{
	color: #76848E;
}



/* 背景颜色 */
.bg-fff {
	background-color: #fff;
}

.bg-f5 {
	background-color: #F5F5F5;
}

.bg-000 {
	background-color: #000000;
}

.bg-333 {
	background-color: #333333;
}

.bg-666 {
	background-color: #666666;
}

.bg-999 {
	background-color: #999999;
}


/* 行高 */

.lh-1 {
	line-height: 1 !important;
}

.lh-2 {
	line-height: 1.5 !important;
}




/* 字体大小 */
.fs-34 {
	font-size: 68rpx;
	line-height: 68rpx;
}

.fs-30 {
	font-size: 60rpx;
	line-height: 60rpx;
}

.fs-28 {
	font-size: 56rpx;
	line-height: 56rpx;
}

.fs-26 {
	font-size: 52rpx;
	line-height: 52rpx;
}

.fs-24 {
	font-size: 48rpx;
	line-height: 48rpx;
}

.fs-22 {
	font-size: 44rpx;
	line-height: 44rpx;
}

.fs-20 {
	font-size: 40rpx;
	line-height: 40rpx;
}

.fs-18 {
	font-size: 36rpx;
	line-height: 36rpx;
}

.fs-17 {
	font-size: 34rpx;
	line-height: 34rpx;
}

.fs-16 {
	font-size: 32rpx;
	line-height: 32rpx;
}

.fs-15 {
	font-size: 30rpx;
	line-height: 30rpx;
}

.fs-14 {
	font-size: 28rpx;
	line-height: 28rpx;
}

.fs-12 {
	font-size: 24rpx;
	line-height: 24rpx;
}

.fs-11 {
	font-size: 22rpx;
	line-height: 22rpx;
}

.fs-13 {
	font-size: 26rpx;
	line-height: 26rpx;
}

.fs-11 {
	font-size: 22rpx;
	line-height: 22rpx;
}

.fs-10 {
	font-size: 20rpx;
	line-height: 20rpx;
}

/* 行高 */

.fh-20 {
	line-height: 40rpx;
}

.fh-16 {
	line-height: 32rpx;
}

.fh-14 {
	line-height: 28rpx;
}

/* 粗细 */

.fw-bold {
	font-weight: bold;
}

.fw-700 {
	font-weight: 700;
}

.fw-600 {
	font-weight: 600;
}

.fw-500 {
	font-weight: 500;
}

.fw-400 {
	font-weight: 400;
}

.fw-300 {
	font-weight: 300;
}

/* 文字 */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* 文字划线价格 */
.strikethrough {
	text-decoration: line-through;
}



/* flex */
.flex {
	display: flex;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-align {
	display: flex;
	align-items: center;
}

.flex-align-end {
	align-items: flex-end;
}

.flex-align-start {
	align-items: flex-start;
}

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2;
}

.flex-3 {
	flex: 3;
}

.flex-center {
	justify-content: center;
}

.flex-between {
	justify-content: space-between;
}



/* 圆角 */
.br-4 {
	border-radius: 8rpx;
}

.br-6 {
	border-radius: 12rpx;
}

.br-8 {
	border-radius: 16rpx;
}

.br-10 {
	border-radius: 20rpx;
}

.br-12 {
	border-radius: 24rpx;
}

.br-14 {
	border-radius: 28rpx;
}

.br-16 {
	border-radius: 32rpx;
}

.br-18 {
	border-radius: 36rpx;
}

.br-24 {
	border-radius: 48rpx;
}

.br-50 {
	border-radius: 100rpx;
}

.br-80 {
	border-radius: 160rpx;
}


/* padding */
.pt-32 {
	padding-top: 64rpx;
}

.pb-32 {
	padding-bottom: 64rpx;
}

.ps-32 {
	padding-left: 64rpx;
}

.pe-32 {
	padding-right: 64rpx;
}

.px-32 {
	padding-left: 64rpx;
	padding-right: 64rpx;
}

.py-32 {
	padding-top: 64rpx;
	padding-bottom: 64rpx;
}

.p32 {
	padding: 64rpx;
}



.pt-40 {
	padding-top: 80rpx;
}

.pb-40 {
	padding-bottom: 80rpx;
}

.ps-40 {
	padding-left: 80rpx;
}

.pe-40 {
	padding-right: 80rpx;
}

.px-40 {
	padding-left: 80rpx;
	padding-right: 80rpx;
}

.py-40 {
	padding-top: 80rpx;
	padding-bottom: 80rpx;
}

.p40 {
	padding: 80rpx;
}

.pt-24 {
	padding-top: 48rpx;
}

.pb-24 {
	padding-bottom: 48rpx;
}

.ps-24 {
	padding-left: 48rpx;
}

.pe-24 {
	padding-right: 48rpx;
}

.px-24 {
	padding-left: 48rpx;
	padding-right: 48rpx;
}

.py-24 {
	padding-top: 48rpx;
	padding-bottom: 48rpx;
}

.p24 {
	padding: 48rpx;
}

.pt-20 {
	padding-top: 40rpx;
}

.pb-20 {
	padding-bottom: 40rpx;
}

.ps-20 {
	padding-left: 40rpx;
}

.pe-20 {
	padding-right: 40rpx;
}

.px-20 {
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.py-20 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.p20 {
	padding: 40rpx;
}



.pt-16 {
	padding-top: 32rpx;
}

.pb-16 {
	padding-bottom: 32rpx;
}

.ps-16 {
	padding-left: 32rpx;
}

.pe-16 {
	padding-right: 32rpx;
}

.px-16 {
	padding-left: 32rpx;
	padding-right: 32rpx;
}

.py-16 {
	padding-top: 32rpx;
	padding-bottom: 32rpx;
}

.p16 {
	padding: 32rpx;
}


.pt-14 {
	padding-top: 28rpx;
}

.pb-14 {
	padding-bottom: 28rpx;
}

.ps-14 {
	padding-left: 28rpx;
}

.pe-14 {
	padding-right: 28rpx;
}

.px-14 {
	padding-left: 28rpx;
	padding-right: 28rpx;
}

.py-14 {
	padding-top: 28rpx;
	padding-bottom: 28rpx;
}

.p14 {
	padding: 28rpx;
}




.pt-12 {
	padding-top: 24rpx;
}

.pb-12 {
	padding-bottom: 24rpx;
}

.ps-12 {
	padding-left: 24rpx;
}

.pe-12 {
	padding-right: 24rpx;
}

.px-12 {
	padding-left: 24rpx;
	padding-right: 24rpx;
}

.py-12 {
	padding-top: 24rpx;
	padding-bottom: 24rpx;
}

.p12 {
	padding: 24rpx;
}



.pt-10 {
	padding-top: 20rpx;
}

.pb-10 {
	padding-bottom: 20rpx;
}

.ps-10 {
	padding-left: 20rpx;
}

.pe-10 {
	padding-right: 20rpx;
}

.px-10 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.py-10 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.p10 {
	padding: 20rpx;
}



.pt-8 {
	padding-top: 16rpx;
}

.pb-8 {
	padding-bottom: 16rpx;
}

.ps-8 {
	padding-left: 16rpx;
}

.pe-8 {
	padding-right: 16rpx;
}

.px-8 {
	padding-left: 16rpx;
	padding-right: 16rpx;
}

.py-8 {
	padding-top: 16rpx;
	padding-bottom: 16rpx;
}

.p8 {
	padding: 16rpx;
}


.pt-6 {
	padding-top: 12rpx;
}

.pb-6 {
	padding-bottom: 12rpx;
}

.ps-6 {
	padding-left: 12rpx;
}

.pe-6 {
	padding-right: 12rpx;
}

.px-6 {
	padding-left: 12rpx;
	padding-right: 12rpx;
}

.py-6 {
	padding-top: 12rpx;
	padding-bottom: 12rpx;
}

.p6 {
	padding: 12rpx;
}



.pt-4 {
	padding-top: 8rpx;
}

.pb-4 {
	padding-bottom: 8rpx;
}

.ps-4 {
	padding-left: 8rpx;
}

.pe-4 {
	padding-right: 8rpx;
}

.px-4 {
	padding-left: 8rpx;
	padding-right: 8rpx;
}

.py-4 {
	padding-top: 8rpx;
	padding-bottom: 8rpx;
}

.p4 {
	padding: 8rpx;
}


.pt-2 {
	padding-top: 4rpx;
}

.pb-2 {
	padding-bottom: 4rpx;
}

.ps-2 {
	padding-left: 4rpx;
}

.pe-2 {
	padding-right: 4rpx;
}

.px-2 {
	padding-left: 4rpx;
	padding-right: 4rpx;
}

.py-2 {
	padding-top: 4rpx;
	padding-bottom: 4rpx;
}

.p2 {
	padding: 4rpx;
}



/* margin */

.mt-24 {
	margin-top: 48rpx;
}

.mb-24 {
	margin-bottom: 48rpx;
}

.ms-24 {
	margin-left: 48rpx;
}

.me-24 {
	margin-right: 48rpx;
}

.mx-24 {
	margin-left: 48rpx;
	margin-right: 48rpx;
}

.my-24 {
	margin-top: 48rpx;
	margin-bottom: 48rpx;
}

.m24 {
	margin: 48rpx;
}



.mt-20 {
	margin-top: 40rpx;
}

.mb-20 {
	margin-bottom: 40rpx;
}

.ms-20 {
	padding-left: 40rpx;
}

.me-20 {
	margin-right: 40rpx;
}

.mx-20 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.my-20 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.m20 {
	margin: 40rpx;
}



.mt-16 {
	margin-top: 32rpx;
}

.mb-16 {
	margin-bottom: 32rpx;
}

.ms-16 {
	margin-left: 32rpx;
}

.me-16 {
	margin-right: 32rpx;
}

.mx-16 {
	margin-left: 32rpx;
	margin-right: 32rpx;
}

.my-16 {
	margin-top: 32rpx;
	margin-bottom: 32rpx;
}

.m16 {
	margin: 32rpx;
}


.mt-12 {
	margin-top: 24rpx;
}

.mb-12 {
	margin-bottom: 24rpx;
}

.ms-12 {
	margin-left: 24rpx;
}

.me-12 {
	margin-right: 24rpx;
}

.mx-12 {
	margin-left: 24rpx;
	margin-right: 24rpx;
}

.my-12 {
	margin-top: 24rpx;
	margin-bottom: 24rpx;
}

.m12 {
	margin: 24rpx;
}


.mt-8 {
	margin-top: 16rpx;
}

.mb-8 {
	margin-bottom: 16rpx;
}

.ms-8 {
	margin-left: 16rpx;
}

.me-8 {
	margin-right: 16rpx;
}

.mx-8 {
	margin-left: 16rpx;
	margin-right: 16rpx;
}

.my-8 {
	margin-top: 16rpx;
	margin-bottom: 16rpx;
}

.m8 {
	margin: 16rpx;
}


.mt-10 {
	margin-top: 20rpx;
}

.mb-10 {
	margin-bottom: 20rpx;
}

.ms-10 {
	margin-left: 20rpx;
}

.me-10 {
	margin-right: 20rpx;
}

.mx-10 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.my-10 {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.m10 {
	margin: 20rpx;
}


.mt-6 {
	margin-top: 12rpx;
}

.mb-6 {
	margin-bottom: 12rpx;
}

.ms-6 {
	margin-left: 12rpx;
}

.me-6 {
	margin-right: 12rpx;
}

.mx-6 {
	margin-left: 12rpx;
	margin-right: 12rpx;
}

.my-6 {
	margin-top: 12rpx;
	margin-bottom: 12rpx;
}

.m6 {
	margin: 12rpx;
}



.mt-4 {
	margin-top: 8rpx;
}

.mb-4 {
	margin-bottom: 8rpx;
}

.ms-4 {
	margin-left: 8rpx;
}

.me-4 {
	margin-right: 8rpx;
}


.mx-4 {
	margin: 0 8rpx;
}

.my-4 {
	margin: 8rpx 0;
}

.m4 {
	margin: 8rpx;
}

.image100 {
	width: 100%;
	height: 100%;
}


/* 单行省略 */
.text-one {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 多行省略 */
.text-two {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}